/* 滚动条 */
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px !important; /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px !important;
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #a8b4c7;
}

::-webkit-scrollbar-corner {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: rgba(#a8b4c7, 0.3);
}

/* 背景 */
.bgt {
  background-color: transparent;
}

.bgc8b8 {
  background-color: #8b8989;
}

.bgc008 {
  background-color: #0084f2;
}

.bgc2ae {
  background-color: #2aef8a;
}

.bgcff5 {
  background-color: #ff5757;
}

.bgcbfc {
  background-color: #bfc7d4;
}

.bgc5e8 {
  background-color: #5e86cb;
}

/* 字体颜色 */
.c999 {
  color: #999999;
}

.cfff {
  color: #fff;
}

.c8b8 {
  color: #8b8989;
}

.c008 {
  color: #0084f2;
}

.c2ae {
  color: #2aef8a;
}

.cf79 {
  color: #f7903d;
}

.cff5 {
  color: #ff5757;
}

/* 外边距 */
.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px !important;
}

.ml20 {
  margin-left: 20px;
}

.mlr5 {
  margin: 0 5px;
}

.mlr10 {
  margin: 0 10px;
}

.mlr20 {
  margin: 0 20px !important;
}

.mlr80 {
  margin: 0 80px !important;
}

.mtb10 {
  margin: 10px 0 !important;
}

.mtb20 {
  margin: 20px 0 !important;
}

.m10 {
  margin: 10px;
}

/* 内边距 */
.pb10 {
  padding-bottom: 10px;
}

.pb30 {
  padding-bottom: 30px;
}

.p10 {
  padding: 10px;
}
.p15 {
  padding: 15px;
}
.pl10 {
  padding-left: 10px;
}

.pl30 {
  padding-left: 30px;
}

.ptb5 {
  padding: 5px 0;
}

.ptb10 {
  padding: 10px 0;
}

.pt2l1 {
  padding: 3px 1px;
}

.p3 {
  padding: 3px;
}

.plr10 {
  padding: 0 10px;
}

.plr20 {
  padding: 0 20px;
}

/* 文字大小 */
.fz20 {
  font-size: 20px !important;
}

.fz16 {
  font-size: 16px !important;
}

.fz18 {
  font-size: 18px;
}

.fz14 {
  font-size: 14px !important;
}

.dfc {
  display: flex;
  align-items: center;
}

.dot {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #2aef8a;
}


//.el-pagination {
//  display: flex;
//  justify-content: flex-end;
//
//  .el-input__inner {
//    background-color: #18396a;
//  }
//
//  .btn-prev,
//  .btn-next {
//    color: #fff !important;
//    background-color: #a4b8c8 !important;
//
//    &:hover {
//      background-color: #0084f2 !important;
//    }
//  }
//
//  .btn-next {
//    border-top-right-radius: 4px;
//    border-bottom-right-radius: 4px;
//  }
//
//  .btn-prev {
//    border-top-left-radius: 4px;
//    border-bottom-left-radius: 4px;
//  }
//
//  .el-pager {
//    li {
//      background-color: #fff;
//
//      &:hover {
//        color: #fff !important;
//        background-color: #0084f2;
//      }
//
//      &.active {
//        color: #fff !important;
//        background-color: #0084f2;
//      }
//    }
//  }
//}

.el-input__inner {
  background-color: #f5f5f5 !important;
  border: solid 1px #dbdbdb !important;
}

.el-select {
  width: 140px;
}

.el-range-separator {
  padding: 0 !important;
}

.el-dialog__wrapper {
  .el-dialog {
    //margin: 5vh auto 30px !important;
    border-radius: 6px;
    overflow: hidden;

    .el-dialog__header {
      padding: 0;
      height: 40px;
      background-color: #252e3f;

      .el-dialog__title {
        line-height: 40px;
        font-size: 15px;
        letter-spacing: 1px;
        color: #fff;
      }

      .el-dialog__headerbtn {
        top: 10px;
        right: 5px;

        .el-dialog__close {
          font-size: 20px;
          color: #fff;
        }
      }
    }

    .el-dialog__body {
      padding: 20px;
      box-sizing: border-box;
      overflow: hidden;

      .dialog-footer {
        text-align: center;
        margin-top: 15px;
      }

      //表格内表单样式
      .el-form {
        .el-form-item {
          //display: flex;
          margin-bottom: 20px !important;

          .el-select {
            width: 100%;
          }
        }
      }
    }
  }

  .el-input-group__append {
    background-color: #67C23A;
    border-color: #67C23A;
    color: #ffffff;
  }
}

.el-tree {
  flex: 1;
  overflow-y: auto;
  // color: #fff !important;
  // background-color: rgba(21, 40, 70, 0.9) !important;
  .el-tree-node__content {
    .name {
      height: 100%;
      width: 100%;
      display: flex;
      flex: 1;
      justify-content: space-between;

      .item {
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        padding-right: 20px;
      }
    }
  }

  .el-tree-node__content:hover {
    background-color: #eceef2 !important;
  }

  .el-tree-node__children {
    font-size: 12px;

    .is-current {
      .item {
        color: #5b9ffc !important;
      }
    }
  }

  .el-tree-node:focus > .el-tree-node__content,
  .el-tree-node__content {
    background-color: transparent !important;
  }
}

.del {
  color: red;
}


.common-content {
  background-color: rgba(0, 0, 0, 0.5);
}

.pointer {
  cursor: pointer;
}

.wh100 {
  width: 100%;
  height: 100%;
}

.w100 {
  width: 100%;
}

.text-center {
  text-align: center;
}